<!DOCTYPE html>
<%@page language="java" pageEncoding="utf-8" contentType="text/html; charset=UTF-8"%>
<%
	String ctx = request.getContextPath();
%>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>个人信息</title>
    <link rel="stylesheet" type="text/css" href="css/basic.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/ui.css">
    <!-- 设置JS全局变量  ctx -->
	<script type="text/javascript">
		var ctx = "<%=request.getContextPath()%>";
	</script>
</head>
<body>
    <jsp:include page="head.jsp"></jsp:include>
    <div class="container">
    <jsp:include page="user_left.jsp"></jsp:include>
        <!-- <div class="sidebar">
            <div id="side-scroll">
                <div class="sidebar-toggler clearfix"><a href="javascript:;" class="icos-toggler toggler-close"></a></div>

                <ul class="sidebar-menu">
                    <li>
                        <a class="a-menu" href="userlist.jsp">
                            <em class="icos-list icos"></em><span>用户列表</span>
                        </a>
                    </li>
                    <li>
                        <a class="a-menu" href="organization.jsp">
                            <em class="icos-list icos"></em><span>组织机构</span>
                        </a>
                    </li>
                    <li class="active">
                        <a class="a-menu" href="userinfo.jsp">
                            <em class="icos-list icos"></em><span>个人信息</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div> -->
        <div class="page-content">
            <div id="content-scroll">
                <div class="cont-area clearfix">
                    <i class="fl"></i><span class="fl"><a href="index.jsp">首页</a>&gt;<a href="userlist.jsp">用户管理</a>&gt;个人信息</span>
                </div>
                <div class="info-block clearfix" id="j-infoBlock">
                    <script type="text/ysmart" data-name="infoTpl">
                        <div class="info-group">
                            <label>用户编号:</label>
                            <span><@=DATA.id @></span>
                        </div>
                        <div class="info-group">
                            <label>真实姓名:</label>
                            <span><@=DATA.name @></span>
                        </div>
                        <div class="info-group">
                            <label>登录用户名:</label>
                            <span><@=DATA.username @></span>
                        </div>
                        <div class="info-group">
                            <label>所属机构:</label>
                            <span><@=DATA.departName @></span>
                        </div>
                        <div class="info-group">
                            <label>用户状态:</label>
                            <span><@=DATA.status @></span>
                        </div>
                        <div class="info-group">
                            <label>电子邮件:</label>
                            <span><@=DATA.email @></span>
                        </div>
                        <div class="info-group">
                            <label>移动电话:</label>
                            <span><@=DATA.mobile @></span>
                        </div>
                    </script>
                </div>
                <div class="btns-group">
                    <div class="row">
                        <button class="btn" id="j-editInfoBtn" type="button">修改联系信息</button>
                        <button class="btn" id="j-editPasswordBtn" type="button">修改密码</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/ysmart" data-name="editInfoTpl">
        <div class="ui-dialog-form">
            <form>
                <div class="form-group">
                    <label><em>*</em>移动电话：</label>
                    <input class="required" type="text" name="mobile" value="<@=DATA.mobile @>">
                    <span class="message msg-tip"><em></em><i>请输入手机号</i></span>
                </div>
                <div class="form-group">
                    <label><em>*</em>电子邮件：</label>
                    <input class="required" type="text" name="email" value="<@=DATA.email @>">
                    <span class="message msg-tip"><em></em><i>请输邮箱</i></span>
                </div>
				<input type="hidden" name="id" value="<@=DATA.id @>">
				<input type="hidden" name="name" value="<@=DATA.name @>">
				<input type="hidden" name="status" <@ if(DATA.status == "正常") { @>value="0"<@ }else{ @>value="1"<@ } @>>
				<input type="hidden" name="departmentId" value="<@=DATA.departId @>">
				<input type="hidden" name="username" value="<@=DATA.username @>">
				<input type="hidden" name="password" value="<@=DATA.password @>">
            </form>
        </div>
    </script>
    <script type="text/ysmart" data-name="editPasswordTpl">
        <div class="ui-dialog-form">
            <form>
				<input type="password" value="" style="display:none;">
                <div class="form-group">
                    <label><em>*</em>旧密码：</label>
                    <input class="required" type="password" name="oldPassword" value="">
                    <span class="message msg-tip"><em></em><i>请输入旧密码</i></span>
                </div>
                <div class="form-group">
                    <label><em>*</em>新密码：</label>
                    <input class="required" type="password" name="newPassword" value="">
                    <span class="message msg-tip"><em></em><i>请输入新密码</i></span>
                </div>
                <div class="form-group">
                    <label><em>*</em>再次输入新密码：</label>
                    <input class="required" type="password" name="passwordSecond" value="">
                    <span class="message msg-tip"><em></em><i>请再次输入新密码</i></span>
                </div>
            </form>
        </div>
    </script>
    <script src="js/yep.min.js" type="text/javascript" data-config="YBA.Config.js"></script>
    <script src="js/common.js" type="text/javascript"></script>
    <script type="text/javascript">
        yepjs.use({
            name: ["jquery", "YBA.Plugin.slimscroll","YBA.Common"],
            callback: function () {
                $('#side-scroll').slimscroll({
                    height:"100%"
                });
                YBA.Common.sidebar();
            }
        });
        yepjs.use({
            name: ["YBA.Logic.User.detali"],
            callback: function () {
                YBA.Logic.User.detali();
            }
        });
    </script>
</body>
</html>
